<!DOCTYPE html>
<html class="x-admin-sm">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="__STATIC__/css/font.css">
    <link rel="stylesheet" href="__STATIC__/css/xadmin.css">
    <script src="__STATIC__/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/js/xadmin.js"></script>

    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="x-nav">
          <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">演示</a>
            <a>
              <cite>导航元素</cite></a>
          </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
        <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
</div>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form class="layui-form layui-col-space5">
                        <div class="layui-inline layui-show-xs-block">
                            <input type="text" name="class_name" value="{$Request.param.class_name}" placeholder="请输入班级名称" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <select name="major_id" class="layui-input" id="school" lay-filter="school" style="width: 250px;">
                                <option value="">选择学校</option>
                                {foreach name="school" item="v"}
                                <option value="{$v.id}" {if $v.id == $Request.param.school_id} selected {/if} >{$v.school_name}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <select name="major_id" class="layui-input" id="major" style="width: 250px;">
                                <option value="">选择专业</option>
                                {foreach name="classroom" item="vo"}
                                <option value="{$vo.id}" {if $vo.id == $Request.param.major_id} selected {/if} >{$vo.major_name}</option>
                                {/foreach}
                            </select>
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <button class="layui-btn"><i class="layui-icon">&#xe615;</i></button>
                            <a href="{:url('school/index')}" class="layui-btn layui-btn-primary">重置</a>
                        </div>
                    </form>
                </div>
                <div class="layui-card-header">
                    <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
                    <a onclick="xadmin.open('添加学生', '{:url("Classroom/add")}', 800, 600)" class="layui-btn"><i class="layui-icon"></i>添加</a>
                    <a href="{:url('Classroom/exportExcel')}"class="layui-btn"><i class="layui-icon layui-icon-export"></i>导出Excel</a>
                    <button type="button" class="layui-btn" id="Excel">导入Excel</button>
                </div>

                <div class="layui-card-body ">
                    <table class="layui-table layui-form">
                        <thead>
                        <tr>
                            <th>
                                <input type="checkbox" lay-filter="chooseAll"  lay-skin="primary">
                            </th>
                            <th>ID</th>
                            <th>班级名称</th>
                            <th>所选专业</th>
                            <th>所在学校</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {foreach name="data" item="v"}
                        <tr>
                            <td>
                                <input type="checkbox" name="ids" value="{$v.id}" lay-skin="primary">
                            </td>
                            <td>{$v.id}</td>
                            <td>{$v.class_name}</td>
                            <td>{$v.Major.major_name}</td>
                            <td>{$v.Major.school.school_name}</td>
                            <td class="td-manage">
                                <a title="编辑" href="{:url('Classroom/edit')}?id={$v.id}">
                                <i class="layui-icon">&#xe642;</i>
                                </a>
                                <a title="删除-Ajax" onclick="school_del(this,'{$v.id}')" href="javascript:;">
                                    <i class="layui-icon">&#xe640;</i>
                                </a>
                            </td>
                        </tr>
                        {/foreach}
                        </tbody>
                    </table>
                </div>
                <div class="layui-card-body ">
                    <div class="page">
                        {$page}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    /*用户-删除*/
    function school_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            /*学校-ajax删除*/
            $.ajax({
                url:'{:url("Classroom/del")}',
                data:{
                    id:id
                },
                success:function(res){
                    if(res.code==1){
                        $(obj).parents("tr").remove();
                        layer.msg(res.msg , {icon: 1, time: 1000});
                    }else{
                        layer.msg(res.msg , {icon: 2, time: 1000});
                    }
                },error:function(){
                    layer.msg('请求失败' , {icon: 2, time: 1000});
                }
            });
        });
    }
    // 批量删除
    function delAll () {
        layer.confirm('确认要删除吗？', function () {
            // 定义空数组，用于存放所有选中的复选的值
            var arr_box = [];
            // 选中 input ，再选中 checkbox 类型， 再选 name=ids 的，再选勾选的
            $("input:checkbox[name='ids']:checked").each(function () {
                // 循环，将选中的复选框的值放到事先定义好的数组中
                arr_box.push($(this).val());
            });

            $.ajax({
                url: "{:url('Classroom/delete')}",
                data: {
                    ids: arr_box
                },
                success: function (res) {
                    if (res.code == 1) {
                        $("input:checkbox[name='ids']:checked").not('.header').parents('tr').remove();
                        layer.msg(res.msg, {icon: 1, time: 2000});
                    } else {
                        layer.msg(res.msg, {icon: 2, time: 2000});
                    }
                },
                error: function () {
                    layer.msg('请求失败', {icon: 2, time: 2000});
                }
            });

        });

    }



    layui.use(['laydate','upload','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;
        var upload = layui.upload;
        var uploadInst = upload.render({
            elem: '#Excel' //绑定元素
            , url: "{:url('Classroom/Excel_export')}" //上传接口
            , accept: 'file'//指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
            , done: function (res) {
                layer.msg('共有' + res.success + '条数据插入成功');
                setTimeout(function () {
                    //关闭当前frame
                    xadmin.close();
                    // 可以对父窗口进行刷新
                    xadmin.father_reload();
                }, 500);
            }
            , error: function () {
                layer.msg('请求失败');
            }
        })
        //全选
        form.on('checkbox(chooseAll)',function(data){
            var child = $("table input[type='checkbox']");
            child.each(function(index,item){
                item.checked = data.elem.checked;
            });
            form.render('checkbox');
        });
        //专业
        form.on('select(school)',function(data){
            //ajax
            $.ajax({
                url:'{:url("Classroom/getMajorBySchool")}',
                data: {
                    school_id:data.value
                },
                success: function (r) {
                    $('#major').html(r);
                    form.render();
                },
                error: function () {
                    alert('数据获取失败！');
                }
            });


        });


    });

</script>
<script>var _hmt = _hmt || []; (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
})();</script>
</html>